/********************************************************************************************
** Copyright � 2011 Nokia Corporation. All rights reserved.
** Nokia and Nokia Connecting People are registered trademarks of Nokia Corporation.
** Java and all Java-based marks are trademarks or registered trademarks of
** Sun Microsystems, Inc. Other product and company names mentioned herein may be
** trademarks or trade names of their respective owners.
**
** Subject to the conditions below, you may, without charge:
**
** �  Use, copy, modify and/or merge copies of this software and
**    associated content and documentation files (the �Software�)
**
** �  Publish, distribute, sub-licence and/or sell new software
**    derived from or incorporating the Software.
**
** Some of the documentation, content and/or software maybe licensed under open source
** software or other licenses.  To the extent such documentation, content and/or
** software are included, licenses and/or other terms and conditions shall apply
** in addition and/or instead of this notice. The exact terms of the licenses, disclaimers,
** acknowledgements and notices are reproduced in the materials provided.
**
** This file, unmodified, shall be included with all copies or substantial portions
** of the Software that are distributed in source code form.
**
** The Software cannot constitute the primary value of any new software derived
** from or incorporating the Software.
**
** Any person dealing with the Software shall not misrepresent the source of the Software.
**
** THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
** INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
** PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
** HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
** OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
** SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
********************************************************************************************/
import QtQuick 1.0

Rectangle {
    id: routetool
    width: 48
    height: 200
    color: "#00000000"
    z: 20

    opacity: 0.6

    signal fromWithMapSelected()
    signal fromWithAddressSelected()
    signal toWithMapSelected()
    signal toWithAddressSelected()
    signal clearFromOrToTool()
    signal routeInfoSelected()
    signal routeOkSelected()

    Rectangle {
        id: title
        width: 48
        height: 48

        color: "#00000000"

        anchors.left: parent.left
        anchors.leftMargin: 0
        anchors.top: parent.top
        anchors.topMargin: 0



        Image {
            id: titleimg
            anchors.fill: parent
            fillMode: Image.Stretch
            source: "routeMove.png"
        }

        MouseArea {
            id: titlemousearea
            anchors.fill: parent

            drag.target: routetool
            drag.axis: Drag.XandYAxis
            drag.minimumX: 0
            drag.maximumX: 1000
            drag.minimumY: 0
            drag.maximumY: 1000
        }
    }

    Rectangle {
        id: fromRect
        width: 48
        height: 48
        color: "#00000000"
        anchors.left: parent.left
        anchors.leftMargin: 0
        anchors.top: title.bottom
        anchors.topMargin: 0

        PointSettingSelection
        {
            id: fromselectionid
            anchors.left: parent.right
            anchors.leftMargin: 0
            anchors.top: parent.top
            anchors.topMargin: 0
            visible: false

            onUseMapSelected:
            {
                routetool.fromWithMapSelected()
            }

            onUseAddressSelected:
            {
                routetool.fromWithAddressSelected()
            }

        }

        Image {
            id: routeFrom
            anchors.fill: parent
            fillMode: Image.Stretch
            source: "routeFrom.png"
        }

        MouseArea {
            id: frommousearea
            anchors.fill: parent

            onClicked:
            {

                if (fromselectionid.visible)
                {
                    fromRect.color = "#00000000"
                    fromselectionid.visible = false
                    routetool.clearFromOrToTool()
                }
                else
                {
                    fromRect.color = "#00FF00"
                    toRect.color = "#00000000"

                    toselectionid.visible = false
                    fromselectionid.visible = true
                }
            }

        }
    }

    Rectangle {
        id: toRect
        width: 48
        height: 48
        color: "#00000000"
        anchors.left: parent.left
        anchors.leftMargin: 0
        anchors.top: fromRect.bottom
        anchors.topMargin: 0

        PointSettingSelection
        {
            id: toselectionid
            anchors.left: parent.right
            anchors.leftMargin: 0
            anchors.top: parent.top
            anchors.topMargin: 0
            visible: false


            onUseMapSelected:
            {
                routetool.toWithMapSelected()
            }

            onUseAddressSelected:
            {
                routetool.toWithAddressSelected()
            }

        }

        Image {
            id: routeTo
            anchors.fill: parent
            fillMode: Image.Stretch
            source: "routeTo.png"
        }

        MouseArea {
            id: tomousearea
            anchors.fill: parent

            onClicked:
            {

                if (toselectionid.visible)
                {
                    toRect.color = "#00000000"
                    toselectionid.visible = false
                    routetool.clearFromOrToTool()
                }
                else
                {
                    toRect.color = "#00FF00"
                    fromRect.color = "#00000000"
                    fromselectionid.visible = false
                    toselectionid.visible = true
                }
            }

        }
    }


    Rectangle {
        id: infoRect
        width: 48
        height: 48
        color: "#00000000"
        anchors.left: parent.left
        anchors.leftMargin: 0
        anchors.top: toRect.bottom
        anchors.topMargin: 0


        Image {
            id: routeInfo
            anchors.fill: parent
            fillMode: Image.Stretch
            source: "routeInfo.png"
        }

        MouseArea {
            id: infomousearea
            anchors.fill: parent

            onPressed:
            {
                infoRect.color = "#00FF00"
            }
            onReleased:
            {
                infoRect.color = "#00000000"
            }

            onClicked:
            {
                routetool.routeInfoSelected()

            }

        }
    }

    Rectangle {
        id: okRect
        width: 48
        height: 48
        color: "#00000000"
        anchors.left: parent.left
        anchors.leftMargin: 0
        anchors.top: infoRect.bottom
        anchors.topMargin: 0

        Image {
            id: routeOk
            anchors.fill: parent
            fillMode: Image.Stretch
            source: "routeOk.png"
        }

        MouseArea {
            id: okmousearea
            anchors.fill: parent

            onPressed:
            {
                okRect.color = "#00FF00"
                fromRect.color = "#00000000"
                toRect.color = "#00000000"
            }
            onReleased:
            {
                okRect.color = "#00000000"
            }

            onClicked:
            {
                console.log("OK")
                routetool.routeOkSelected()

            }

        }
    }



    PropertyAnimation {
        id: routedlganimation
        target: routetool
        property: "scale"
        from: 0
        to: 1
        duration: 1000
        easing.type: Easing.OutBounce
    }


    onVisibleChanged:
    {
        if (!routetool.visible)
        {
            fromRect.color = "#00000000"
            toRect.color = "#00000000"
        }
        else
        {
            routedlganimation.start()
        }
    }

}
